

<script setup>
	// 跳转修改个人信息页面
const NavigatorToInfoChange=()=>{
	uni.navigateTo({
	  url: '/pages/worker/worker', // 假设扫描页面位于/pages/scan/scan路径下
	  success: () => {
	    console.log('成功跳转到个人资料页面');
	  },
	  fail: (err) => {
	    console.error('跳转失败', err);
	  }
	});
}

</script>

<template>
	<view class="banner-content">
		<!-- 头像区域 -->
		<view class="banner-content__avatar">
			<view class="banner-content__avatar--avatar">
				<image src="/static/assets/my/avatar.png"></image>
			</view>
			<view class="anner-content__avatar--nickname">
				<view>糖醋</view>
				<view>工号:15264965286</view>
				<view>联系方式:15849422052</view>
			</view>
			<view class="anner-content__avatar--setting" @click="NavigatorToInfoChange">
				<image src="/static/assets/my/设置.png"></image>
			</view>
		</view>
		<!-- 联系信息 -->
		<view class="banner-content__contact"></view>
	</view>
</template>

<style scoped lang="scss"> 
.banner-content{
	background-color: #80b7f9;
	    padding: 100rpx 50rpx 70rpx 50rpx;
		border-radius: 20rpx;
	.banner-content__avatar{
		display: flex;
		align-items: center;
		justify-content: start;
	}
	.banner-content__avatar--avatar	image{
	        height: 100rpx;
	        width: 100rpx;
			 object-fit: cover;
			 border-radius: 50%;
	}
	.anner-content__avatar--nickname{
		flex: 1;
		margin-left: 20rpx;
		padding-top: 30rpx;
		view:nth-child(1){
			margin-top: 5rpx;
			color: $uni-bg-color;
		    font-size:$uni-font-size-lg;
		}
		view:nth-child(2){
			margin-top: 20rpx;
			color: $uni-bg-color;
		    font-size:$uni-font-size-sm;
		}
		view:nth-child(3){
			margin-top: 5rpx;
			color: $uni-bg-color;
		    font-size:$uni-font-size-sm;
		}
	}
	.anner-content__avatar--setting image{
	         height: 50rpx;
	         width: 50rpx;
			 object-fit: cover;
			 border-radius: 50%;
	}
}

</style>